<template>
    <div class="navberInner">
        <div class="menu">
            <div class="row">
                <div class="rowItem" @click="goRouter('/studentEnd/studentEnd/analysisOfTheStudents')">
                    <i class="el-icon-s-opportunity"></i>
                    <span>学情分析</span>
                </div>
                <div class="rowItem" @click="goRouter('/questionBank/questionBank/management')">
                    <img src="@/assets/images/mobel/book.png" alt="">
                    <span>题库</span>
                </div>
                <div class="rowItem" @click="goRouter('/studentEnd/studentEnd/analysisOfTheStudents/personalReports')">
                    <img src="@/assets/images/mobel/personalReports.png" alt="">
                    <span>个人档案</span>
                </div>
<!--                <div class="rowItem" @click="goRouter('/community/community')">-->
<!--                  <img src="@/assets/images/mobel/论坛.png" alt="">-->
<!--                  <span>论坛</span>-->
<!--                </div>-->
              <div class="rowItem"></div>
              <div class="rowItem"></div>
            </div>
        </div>
    </div>
  </template>
  <script>
  export default {
    data(){
        return {

        }
    },
    methods:{
        goRouter(val){
            this.$router.push(val)
        }
    }

  };
  </script>
  <style lang="scss" scoped>
  .navberInner {
    height: 100%;
    width: 100%;
    .menu{
        height: 40%;
        min-height: 400px;
        background-color: white;
        .row{
            display: flex;
            padding: 10px 0;
            justify-content: space-around;
            .rowItem{

                width: 50px;
                text-align: center;
                i{
                    font-size: 40px;
                    margin-bottom: 5px;
                    color: #3a63f3;
                }
                img{
                    height: 40px;
                    width: 40px;
                }
                span{
                    font-size: 12px;
                }
            }
        }
    }
  }
  </style>
